<template>
	<view class="content">
		
		<uni-list>
			<!-- <uni-list-item
			v-for="item,index in list"
			 :key="index"
			 :title="item.name"
			 :note="item.note"
			 :thumb="item.icon"
			 :badgeText="item.badgeText"
			 thumbSize="lg" 
			 showBadge="true"
			  > -->
		<!-- 	  </uni-list-item> -->
			<uni-list-item v-for="item,index in list" :key="index" :title="item.name"
			:note="item.department" clickable@click="tomessage(item.id)">
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				"list": [
					// {
					// 	"id": 1,
					// 	"name": "张三",
					// 	"icon": "/static/girl.png",
					// 	"note": "信息工程学院",
					// 	"badgeText":"6"
					// },
					// {
					// 		"id": 2,
					// 		"name": "李四",
					// 		"icon": "/static/boy.png",
					// 		"note": "信息工程学院",
					// 		"badgeText":"7"
					// 	},
					]
			}
		},
		methods: {
			tomessage(itemid){
				uni.navigateTo({
					url:'../classmatedatail/classmatedatail?itemid=' + itemid
				});
			}
		},
		onLoad(){
			uni.request({
				url:'http://localhost:8091/freshmenapp/user/list',
				method:'POST',
				data:{},
				success: res => {
					if(res.data.success === true){
						this.list = res.data.list
					}
				},
				fail:(err) => {
					uni.showToast({
						title:'网错啦',
						icon:'error'
					});
				},
				complete:() =>{}
			});
		}
		
	}
</script>

<style>
	/deep/ .uni-badge{
		background-color: red;
	}
</style>
